<template>
  <van-nav-bar title="我的订单"  left-arrow @click-left="onClickLeft">
  <template #right>
    <van-icon name="search" size="18" />
  </template>
</van-nav-bar>
<van-tabs v-model:active="active">
  <van-tab title="全部">内容 1</van-tab>
  <van-tab title="待付款">内容 2</van-tab>
  <van-tab title="待收货">内容 3</van-tab>
  <van-tab title="待收货">内容 4</van-tab>
  <van-tab title="已完成">内容 4</van-tab>
</van-tabs>
</template>

<script setup lang="ts">
import {useMyorder} from '../hooks/Myorder'
const {onClickLeft, active} = useMyorder()

</script>

<style lang="scss" scoped>

:deep(.van-icon:before){
    color: rgb(124, 120, 115);
    font-size: 20px;
}

</style>